.box {
  display: flex;
  height: 520px;
  max-height: 520px;
}
.menu {
  position: relative;
  flex-grow: 0;
  flex-shrink: 0;
  width: 152px;
  height: 100%;
  overflow: auto;
  background: #f7f9fb;
  .menuContent {
    background-color: #f7f9fb;
    min-height: calc(100% - 52px);
    :global {
      .ant-menu-item {
        width: 144px;
        margin-right: 8px;
        margin-left: 0;
      }
      .ant-menu-item-selected {
        background-color: var(--focus-color);
      }
    }
  }
}
.content {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  flex-shrink: 1;
  .contentImg {
    flex-grow: 0;
    flex-shrink: 0;
    width: 100%;
  }
  .contentText {
    flex-grow: 1;
    width: 100%;
    padding: 16px;
    overflow: auto;
    background-color: #fff;
    .paragraph {
      font-size: 12px;
      line-height: 20px;
      opacity: 0.85;
    }
  }
}

.modal {
  :global {
    .ant-modal {
      .ant-modal-content {
        padding: 0;
        border-left: 8px solid var(--background-normal-color);
      }
      .ant-modal-body {
        padding: 0;
      }
      .ant-modal-close {
        color: #fff;
      }
    }
  }
}
.menuTitle {
  padding-top: 20px;
  padding-bottom: 12px;
  padding-left: 16px;
  color: var(--text-color-primary);
  font-family: PingFangSC-Medium;
  line-height: 20px;
}
.menuBtn {
  &:global(.ant-btn) {
    position: absolute;
    bottom: 16px;
    left: 16px;
  }
}

.newVersion {
  &:global(.ant-notification-notice) {
    max-width: 310px;
  }
  :global {
    .ant-notification-notice-message {
      display: none;
    }
  }
}

.radiogroup {
  :global {
    .ant-radio-inner {
      &::after {
        top: -1px;
        left: -1px;
        width: 7px;
        height: 7px;
        border-radius: 7px;
      }

      width: 7px;
      height: 7px;
    }
  }
}
